<!DOCTYPE html>
<html lang="zh-CN" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	  layout:decorate="~{layout/indexLayout.html}" xmlns:th="http://www.thymeleaf.org" >
<head lang="en">
	<meta charset="utf-8" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/public.css"/>
	<link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>

<body>
<!--口子  ，开始-->
<div id="content" layout:fragment="content" >
<!-------------------------banner--------------------------->
<div class="block_home_slider">
	<div id="home_slider" class="flexslider">
		<ul class="slides">
			<li>
				<div class="slide">
					<img src="img/banner2.jpg" />
				</div>
			</li>
			<li>
				<div class="slide">
					<img src="img/banner1.jpg"/>
				</div>
			</li>
		</ul>
	</div>
</div>
<!------------------------------thImg------------------------------>
<div class="thImg">
	<div class="clearfix">
		<a href="vase_proList"><img src="img/i1.jpg"/></a>
		<a href="proList"><img src="img/i2.jpg"/></a>
		<a href="decoration"><img src="img/i3.jpg"/></a>
	</div>
</div>

<!------------------------------news------------------------------>
<div class="news">
	<!--心水.特色-->
	<div class="wrapper">
		<h2><img src="img/ih1.jpg"/></h2>
		<div class="top clearfix " >
			<a th:each="product : ${session.topSell}" th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}">
				<img th:src="@{${product.getProductPicture()}}"/>
				<p></p>
			</a>
		</div>
		<div class="bott clearfix " >
			<a th:each="product : ${findAll}" th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}">
				<img th:src="@{${product.getProductPicture()}}"/>
				<p></p>
			</a>
		</div>
		<!--摆件.花艺-->
		<h2><img src="img/ih2.jpg"/></h2>
		<div class="flower clearfix tran"  >
			<!--跳转详情页面路径-->
			<a th:each="product : ${wallsAll}" th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}"  >
				<dl>
					<dt>
						<span class="abl"></span>
						<img th:src="@{${product.getProductPicture()}}"/>
						<span class="abr"></span>
					</dt>
					<dd th:text="${product.getProductName()}" >【花艺】七头美丽玫瑰仿真花束</dd>
					<dd><span  th:text="'￥'+${product.productPrice}">¥79.00</span></dd>
				</dl>
			</a>
		</div>

		<div class="flower clearfix tran">
			<a th:each="product : ${boLocks}" th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}"  >
				<dl>
					<dt>
						<span class="abl"></span>
						<img th:src="@{${product.getProductPicture()}}"/>
						<span class="abr"></span>
					</dt>
					<dd th:text="${product.productName}">【花艺】七头美丽玫瑰仿真花束</dd>
					<dd><span th:text="'￥'+${product.productPrice}">¥ 79.00</span></dd>
				</dl>
			</a>
		</div>
	</div>
</div>
<!------------------------------ad------------------------------>
<a href="#" class="ad">
	<img src="img/ib1.jpg"/>
</a>

<!------------------------------people------------------------------>
<div class="people">
	<div class="wrapper" >
		<!--壁桂.北欧-->
		<h2><img src="img/ih3.jpg"/></h2>
		<div class="pList clearfix tran" >
			<a th:each="product:${boLock}" th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}"   >
				<dl>
					<dt>
						<span class="abl"></span>
						<img th:src="@{${product.getProductPicture()}} " />
						<span class="abr"></span>
					</dt>
					<dd th:text="${product.productName}">【最家】不锈钢壁饰墙饰软装</dd>
					<dd><span th:text="'￥'+${product.productPrice}">￥688.00</span></dd>
				</dl>
			</a>
		</div>

		<div class="pList clearfix tran" >
			<a th:each="product:${decorate}" th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}" >
				<dl>
					<dt>
						<span class="abl"></span>
						<img th:src="@{${product.getProductPicture()}}"/>
						<span class="abr"></span>
					</dt>
					<dd th:text="${product.productName}">【最家】金属壁饰创意背景墙面挂件创意</dd>
					<dd ><span th:text="'￥'+${product.productPrice}">￥228.00</span></dd>
				</dl>
			</a>
		</div>
	</div>
</div>
</div>

<!--返回顶部-->

<script layout:fragment="script">
			$(function() {
				$('#home_slider').flexslider({
					animation: 'slide',
					controlNav: true,
					directionNav: true,
					animationLoop: true,
					slideshow: true,
					slideshowSpeed:2000,
					useCSS: false
				});

			});
</script>

	</body>
</html>
